<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新闻站</title>
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/main.css">
</head>
<body>
    <div class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <dic class="navbar-brand">BLOG</dic>
            </div>
            <ul class="nav navbar-nav">
                <li><a href="#">首页</a></li>
                <li><a href="#">前端</a></li>
                <li><a href="#">后端</a></li>
                <li><a href="#">大数据</a></li>
                <li><a href="#">个人</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">登陆</a></li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <!--  sidebar start  -->
            <div class="col-sm-2">
                <div class="list-group side-bar">
                    <a href="#" class="list-group-item active">HTML</a>
                    <a href="#" class="list-group-item">CSS</a>
                    <a href="#" class="list-group-item">JS</a>
                </div>
            </div>
            <!-- sidebar end -->

            <!-- main-content start -->
            <div class="col-sm-7">

            </div>
            <!--  main-content end  -->

            <!--  rigthbar start  -->
            <div class="col-sm-3">
                
            </div>
            <!--  rigthbar end  -->
        </div>
    </div>
</body>
</html>